<template>
  <div>
    <oolongButton type="primary" @click.native="open(false)">打开提醒</oolongButton>
    <oolongButton @click.native="open(true)">打开提醒（仅标题）</oolongButton>
    <br><br>
    <p>带描述信息</p>
    <oolongButton @click.native="info(false)">消息</oolongButton>
    <oolongButton @click.native="success(false)">成功</oolongButton>
    <oolongButton @click.native="warning(false)">警告</oolongButton>
    <oolongButton @click.native="error(false)">错误</oolongButton>
    <p>仅标题</p>
    <oolongButton @click.native="info(true)">消息</oolongButton>
    <oolongButton @click.native="success(true)">成功</oolongButton>
    <oolongButton @click.native="warning(true)">警告</oolongButton>
    <oolongButton @click.native="error(true)">错误</oolongButton>
    <br><br>
    <oolongButton type="primary" @click.native="time">打开提醒,不点击不关闭</oolongButton>
  </div>
</template>
<script>
import oolongNotice from '../components/notice'

export default {
  data() {
    return {}
  },
  components: {
    oolongNotice
  },
  methods: {
    open(nodesc) {
      oolongNotice.open({
        title: '这是通知标题',
        desc: nodesc ? '' : '这里是通知描述这里,是通知描述这里是通知描述这里,是通知描述这里,是通知描述这里是通知描述这里是通知描述'
      });
    },
    info(nodesc) {
      oolongNotice.info({
        title: '这是通知标题',
        desc: nodesc ? '' : '这里是通知描述这里,是通知描述这里是通知描述这里,是通知描述这里,是通知描述这里是通知描述这里是通知描述'
      });
    },
    success(nodesc) {
      oolongNotice.success({
        title: '这是通知标题',
        desc: nodesc ? '' : '这里是通知描述这里,是通知描述这里是通知描述这里,是通知描述这里,是通知描述这里是通知描述这里是通知描述'
      });
    },
    warning(nodesc) {
      oolongNotice.warning({
        title: '这是通知标题',
        desc: nodesc ? '' : '这里是通知描述这里,是通知描述这里是通知描述这里,是通知描述这里,是通知描述这里是通知描述这里是通知描述'
      });
    },
    error(nodesc) {
      oolongNotice.error({
        title: '这是通知标题',
        desc: nodesc ? '' : '这里是通知描述这里,是通知描述这里是通知描述这里,是通知描述这里,是通知描述这里是通知描述这里是通知描述'
      });
    },
    time() {
      oolongNotice.open({
        title: '这是通知标题',
        desc: '这条通知不会自动关闭，需要点击关闭按钮才可以关闭。',
        duration: 0
      });
    }
  }
}
</script>
<style lang="scss" scoped>

</style>
